<template>
  <div id="checkedDetail">
    <!--<div class="title">-->
    <!--<span @click="onClickLeft" style="position: absolute;left: 5px;display: flex;align-items: center;font-size: 14px;">-->
    <!--<van-icon name="arrow-left" />-->
    <!--返回-->
    <!--</span>-->
    <!--详细信息-->
    <!--</div>-->
    <div class="top">
      <img style="margin: 0 auto" src="https://nfzjszlb.jst.zj.gov.cn/serverfile/zheliban/icon/YPC/1.png" />
      <p>
        <span style="width: 125px;display: inline-block;text-align: left">基本信息</span>
        <span style="width: 150px;display: inline-block;text-align: right">排查信息</span>
      </p>
    </div>
    <div class="content">
      <p style="height: 50px;display: flex;align-items: center;border-bottom: 1px solid #D2D2D2;">
        <span style="margin-right: 10px;" class="line"></span>
        基本信息
      </p>
      <div class="list">
        <ul>
          <li v-for="(item, index) in JBXXcontentData" :key="index"
            :style="{ borderBottom: index === JBXXcontentData.length - 1 ? 'none' : '1px solid #D2D2D2' }">
            <span style="margin-right: 20px;font-size: 14px;">{{ item.name }}</span>
            <span v-if="item.children" style="float: right;font-size: 14px;">{{ rowData[item.value] |
                inUseName(item.children)
            }}</span>
            <span v-else style="float: right;font-size: 14px;">{{ rowData[item.value] }}</span>
          </li>
        </ul>
      </div>
      <p style="height: 50px;display: flex;align-items: center;border-bottom: 1px solid #D2D2D2;">
        <span style="margin-right: 10px;" class="line"></span>
        排查信息
      </p>
      <div class="list">
        <ul>
          <li v-for="(item, index) in contentData" :key="index + 'content'"
            :style="{ borderBottom: index === contentData.length - 1 ? 'none' : '1px solid #D2D2D2', clear: 'both' }">
            <span style="color: #007AFF;">{{ item.name }}</span>
            <span v-if="item.value && item.type" style="float: right;">{{ rowData[item.value] }}</span>
            <span v-if="item.value && !item.type" style="float: right;">{{ PCData[item.key] == 2 ? '否' : '是' }}</span>
            <div v-if="!item.value" v-for="(item1, index1) in item.children" :key="index1"
              style="border-bottom: 1px solid #D2D2D2;">
              <span style="font-size: 14px">{{ item1.name }}</span>
              <span v-if="PCData[item1.key]" style="float: right">{{ PCData[item1.key] == 2 ? '否' : '是' }}</span>
              <div v-for="(item2, index2) in item1.children" :key="index2 + 'PCData'">
                <span
                  style="width: 60%;display: inline-block;line-height: initial;font-size: 14px">{{ item2.name }}</span>
                <span v-if="PCData[item2.key]" style="float: right;">
                  {{ PCData[item2.key] == 2 ? '否' : '是' }}
                </span>
              </div>
            </div>
            <div v-if="!item.value" v-for="(item2, index2) in item.fileData" :key="index2 + 'fileData'">
              <p style="font-size: 14px">{{ item2.name }}</p>
              <div>
                <ul>
                  <li v-for="(item4, index4) in item2.fileList"
                    style="margin-bottom: 10px;margin-right: 10px;float: left;" @click="seeImg(item4)">
                    <img style="width: 80px;margin-right: 1%;height: 80px" :src="item4.url" />
                  </li>
                </ul>
              </div>
            </div>
          </li>
        </ul>
      </div>
      <!--<p style="height: 50px;display: flex;align-items: center;border-bottom: 1px solid #D2D2D2;margin-bottom: 20px;">-->
      <!--<span style="margin-right: 10px;" class="line"></span>-->
      <!--排查照片-->
      <!--</p>-->
      <!--<div v-for="(item,index) in fileList">-->
      <!--<img style="width: 30%;margin-right: 1%" :src="item.url" />-->
      <!--&lt;!&ndash;<img src="https://nfzjszlb.jst.zj.gov.cn/serverfile/zheliban/icon/YPC/9.png" />&ndash;&gt;-->
      <!--</div>-->
    </div>
  </div>
</template>
<script>
import {
  FileServerProxy,
  dataTransFilePreview,
} from '../../../utils/api'
import { ImagePreview } from 'vant';
export default {
  data() {

    return {
      fileList: [],
      rowData: {},
      PCData: '',
      contentData: [
        {
          name: '排查时间',
          value: 'F_TROUBLESHOOTINGTIME',
          type: 'WF'
        },
        {
          name: '排查人',
          value: 'F_TROUBLESHOOTINGREN',
          type: 'WF'
        },
        {
          name: '场地',
          // value:'11',
          children: [
            {
              name: '房屋周边地面是否长期积水',
              key: 'F_DJABNORMALITY',
              value: '1'
            },
            {
              name: '房屋上装有大型广告牌',
              key: 'F_L_ABNORMALITY',
              value: '1'
            },
            {
              name: '周边有工程建设和深基坑施工情况',
              key: 'F_M_ABNORMALITY',
              value: '1'
            },
          ],
          fileData: [
            {
              name: '房屋及周边整体照片',
              groupGuid: "e64f6961-2aba-4b13-b7f1-d52048f3c982",
              fileList: []
            }
          ]
        },
        {
          name: '地基基础检查',
          // value:'11',
          children: [
            {
              name: '房屋出现明显不均匀沉降（斜向） 裂缝',
              key: 'F_G_ABNORMALITY',
              value: '1'
            },
            {
              name: '外露基础明显腐蚀、酥碱、松散 和剥落',
              key: 'F_Z_ABNORMALITY',
              value: '1'
            },
            {
              name: '裂缝持续发展尚未稳定',
              key: 'F_Z_M_ABNORMALITY',
              value: '1'
            },
          ],
          fileData: [
            {
              name: '房屋整体照片',
              groupGuid: "924d7510-a6ee-4dfd-b796-75af88a3be7a",
              fileList: []
            }
          ]
        },
        {
          name: '房屋检查',
          children: [
            {
              name: '砖砌墙',
              children: [
                {
                  name: '墙体普遍开裂，剥蚀严重',
                  key: 'F_WG_WYC',
                  value: '1'
                },
                {
                  name: '纵横墙体交接处竖向开裂',
                  key: 'F_GZLJZC_WYC',
                  value: '1'
                },
              ]
            },
            {
              name: '石砌墙',
              children: [
                {
                  name: '墙体普遍开裂或开裂严重，明显 空鼓，部分石料松动',
                  key: 'F_Z_G_ABNORMALITY',
                  value: '1'
                },
                {
                  name: '纵横墙体交接处竖向开裂，墙体 有歪斜',
                  key: 'F_Z_ZABNORMALITY',
                  value: '1'
                },
              ]
            },
            {
              name: '生土墙体',
              children: [
                {
                  name: '墙体开裂严重',
                  key: 'F_C_Z_ABNORMALITY',
                  value: '1'
                },
                {
                  name: '墙面明显剥蚀，空鼓严重',
                  key: 'F_C_H_ABNORMALITY',
                  value: '1'
                },
              ]
            },
            {
              name: '承重木构架',
              children: [
                {
                  name: '明显腐朽或虫蛀',
                  key: 'F_SFDEMOLITION',
                  value: '1'
                },
                {
                  name: '梁、檩跨中明显变形或出现横向 裂缝，梁檩端部出现劈裂',
                  key: 'F_GZLJZC_GGJLJCPS',
                  value: '1'
                },
              ]
            },
            {
              name: '梁、板、柱等混凝土构件',
              children: [
                {
                  name: '保护层剥落严重',
                  key: 'F_ADDCENG',
                  value: '1'
                },
                {
                  name: '钢筋露筋、锈蚀，出现明显锈胀 裂缝',
                  key: 'F_CHANGE',
                  value: '1'
                },

              ]
            },
            {
              name: '其他情况',
              children: [
                {
                  name: '其他存在危险性的情况',
                  key: 'F_LG_WYC',
                  value: '1'
                },
              ]
            },
          ],
          fileData: [
            {
              name: '房屋东面、西面、北面、南面照片',
              groupGuid: "7814b787-5111-40ce-892f-c9cf5ecf2f53",
              fileList: []
            }
          ]
        },
        {
          name: '是否疑似危房',
          type: '111',
          value: 'F_SF_DANGEROUS',
          children: [
            {
              name: '是否疑似危房',
              key: 'F_SF_DANGEROUS',
              value: '1'
            },
          ],
        },
        // {
        //   name: '地基基础',
        //   value: 'F_DJABNORMALITY',
        //   nowIndex:0,
        //   children: [
        //     {
        //       name: '无异常',
        //       value: '1'
        //     },
        //     {
        //       name: '沉降裂缝',
        //       value: '2'
        //     },
        //     {
        //       name: '明显倾斜',
        //       value: '3'
        //     },
        //     {
        //       name: '低洼积水',
        //       value: '4'
        //     },
        //     {
        //       name: '架空版代替回填',
        //       value: '5'
        //     },
        //   ]
        // },
        // {
        //   name: '梁',
        //   children: [
        //     {
        //       name:'钢筋混凝土',
        //       nowIndex:0,
        //       value:'F_L_ABNORMALITY',
        //       children:[
        //         {
        //           name: '无异常',
        //           value: '1'
        //         },
        //         {
        //           name: '明显变形',
        //           value: '2'
        //         },
        //         {
        //           name: '裂缝',
        //           value: '3'
        //         },
        //         {
        //           name: '钢筋锈蚀',
        //           value: '4'
        //         },
        //         {
        //           name: '混凝土胀裂',
        //           value: '5'
        //         }
        //       ]
        //     },
        //     {
        //       name: '木',
        //       nowIndex:0,
        //       value: 'F_M_ABNORMALITY',
        //       children: [
        //         {
        //           name: '无异常',
        //           value: '1'
        //         },
        //         {
        //           name: '明显变形',
        //           value: '2'
        //         },
        //         {
        //           name: '裂缝',
        //           value: '3'
        //         },
        //         {
        //           name: '腐朽蛀蚀',
        //           value: '4'
        //         },
        //         {
        //           name: '节点连接',
        //           value: '5'
        //         }
        //       ]
        //     },
        //     {
        //       name: '钢',
        //       nowIndex:0,
        //       value: 'F_G_ABNORMALITY',
        //       children: [
        //         {
        //           name: '无异常',
        //           value: '1'
        //         },
        //         {
        //           name: '明显变形',
        //           value: '2'
        //         },
        //         {
        //           name: '裂缝',
        //           value: '3'
        //         },
        //         {
        //           name: '锈蚀',
        //           value: '4'
        //         },
        //       ]
        //     },
        //   ]
        // },
        // {
        //   name: '柱',
        //   children: [
        //     {
        //       name:'钢筋混凝土',
        //       nowIndex:0,
        //       value:'F_Z_ABNORMALITY',
        //       children:[
        //         {
        //           name: '无异常',
        //           value: '1'
        //         },
        //         {
        //           name: '明显变形',
        //           value: '2'
        //         },
        //         {
        //           name: '裂缝',
        //           value: '3'
        //         },
        //         {
        //           name: '钢筋锈蚀',
        //           value: '4'
        //         },
        //         {
        //           name: '混凝土胀裂',
        //           value: '5'
        //         }
        //       ]
        //     },
        //     {
        //       name: '木',
        //       nowIndex:0,
        //       value: 'F_Z_M_ABNORMALITY',
        //       children: [
        //         {
        //           name: '无异常',
        //           value: '1'
        //         },
        //         {
        //           name: '明显变形',
        //           value: '2'
        //         },
        //         {
        //           name: '裂缝',
        //           value: '3'
        //         },
        //         {
        //           name: '腐朽蛀蚀',
        //           value: '4'
        //         },
        //         {
        //           name: '节点连接',
        //           value: '5'
        //         }
        //       ]
        //     },
        //     {
        //       name: '钢',
        //       nowIndex:0,
        //       value: 'F_Z_G_ABNORMALITY',
        //       children: [
        //         {
        //           name: '无异常',
        //           value: '1'
        //         },
        //         {
        //           name: '明显变形',
        //           value: '2'
        //         },
        //         {
        //           name: '裂缝',
        //           value: '3'
        //         },
        //         {
        //           name: '锈蚀',
        //           value: '4'
        //         },
        //       ]
        //     },
        //     {
        //       name: '砖',
        //       nowIndex:0,
        //       value: 'F_Z_ZABNORMALITY',
        //       children: [
        //         {
        //           name: '无异常',
        //           value: '1'
        //         },
        //         {
        //           name: '明显变形',
        //           value: '2'
        //         },
        //         {
        //           name: '裂缝',
        //           value: '3'
        //         },
        //         {
        //           name: '风化粉化',
        //           value: '4'
        //         },
        //         {
        //           name: '受潮渗漏',
        //           value: '5'
        //         }
        //       ]
        //     },
        //   ]
        // },
        // {
        //   name: '承重墙体',
        //   children: [
        //     {
        //       name:'砖（砌体）',
        //       nowIndex:0,
        //       value:'F_C_Z_ABNORMALITY',
        //       children: [
        //         {
        //           name: '无异常',
        //           value: '1'
        //         },
        //         {
        //           name: '明显变形',
        //           value: '2'
        //         },
        //         {
        //           name: '裂缝',
        //           value: '3'
        //         },
        //         {
        //           name: '风化粉化',
        //           value: '4'
        //         },
        //         {
        //           name: '受潮渗漏',
        //           value: '5'
        //         }
        //       ]
        //     },
        //     {
        //       name: '混凝土',
        //       nowIndex:0,
        //       value: 'F_C_H_ABNORMALITY',
        //       children: [
        //         {
        //           name: '无异常',
        //           value: '1'
        //         },
        //         {
        //           name: '明显变形',
        //           value: '2'
        //         },
        //         {
        //           name: '裂缝',
        //           value: '3'
        //         },
        //         {
        //           name: '露筋锈蚀',
        //           value: '4'
        //         },
        //       ]
        //     },
        //   ]
        // },
        // {
        //   name: '盖楼',
        //   nowIndex:0,
        //   value: 'F_LG_WYC',
        //   children: [
        //     {
        //       name: '无异常',
        //       value: '1'
        //     },
        //     {
        //       name: '明显变形',
        //       value: '2'
        //     },
        //     {
        //       name: '裂缝',
        //       value: '3'
        //     },
        //     {
        //       name: '渗漏',
        //       value: '4'
        //     },
        //     {
        //       name: '老化破损',
        //       value: '5'
        //     },
        //   ]
        // },
        // {
        //   name: '屋盖',
        //   nowIndex:0,
        //   value: 'F_WG_WYC',
        //   children: [
        //     {
        //       name: '无异常',
        //       value: '1'
        //     },
        //     {
        //       name: '明显变形',
        //       value: '2'
        //     },
        //     {
        //       name: '裂缝',
        //       value: '3'
        //     },
        //     {
        //       name: '渗漏',
        //       value: '4'
        //     },
        //     {
        //       name: '老化破损',
        //       value: '5'
        //     },
        //   ]
        // },
        // {
        //   name: '构造连接支撑',
        //   nowIndex:0,
        //   value: 'F_GZLJZC_WYC',
        //   children: [
        //     {
        //       name: '无异常',
        //       value: '1'
        //     },
        //     {
        //       name: '先天缺陷（为设支撑，结构构造简易）',
        //       value: '2'
        //     },
        //     {
        //       name: '明显变形',
        //       value: '3'
        //     },
        //     {
        //       name: '各构件连接处破损',
        //       value: '4'
        //     },
        //   ]
        // },
        // {
        //   name: '围护分割墙体',
        //   value: 'F_WHFGQT',
        //   nowIndex:0,
        //   children: [
        //     {
        //       name: '无异常',
        //       value: '1'
        //     },
        //     {
        //       name: '轻微损伤',
        //       value: '2'
        //     },
        //     {
        //       name: '严重损伤',
        //       value: '3'
        //     },
        //     {
        //       name: '受潮渗漏',
        //       value: '4'
        //     },
        //   ]
        // },
        // {
        //   name: '门窗',
        //   value: 'F_MENCHUANG',
        //   nowIndex:0,
        //   children: [
        //     {
        //       name: '无异常',
        //       value: '1'
        //     },
        //     {
        //       name: '明显变形',
        //       value: '2'
        //     },
        //     {
        //       name: '老化破损',
        //       value: '3'
        //     },
        //   ]
        // },
        // {
        //   name: '相邻施工',
        //   value: 'F_XIANGLINSHIGONG',
        //   nowIndex:0,
        //   children: [
        //     {
        //       name: '无施工',
        //       value: '1'
        //     },
        //     {
        //       name: '施工振动',
        //       value: '2'
        //     },
        //     {
        //       name: '地下水位下降',
        //       value: '3'
        //     },
        //     {
        //       name: '土体扰动',
        //       value: '4'
        //     },
        //     {
        //       name: '其他',
        //       value: '5'
        //     },
        //   ]
        // },
        // {
        //   name: '结构拆改',
        //   nowIndex:0,
        //   value:'F_SFDEMOLITION',
        //   children: [
        //     {
        //       name: '无拆改',
        //       value: '1'
        //     },
        //     {
        //       name: '一般拆改',
        //       value: '2'
        //     },
        //     {
        //       name: '严重拆改',
        //       value: '3'
        //     },
        //   ]
        // },
        // {
        //   name: '修缮加固',
        //   value: 'F_XCJG',
        //   nowIndex:0,
        //   children: [
        //     {
        //       name: '正常使用无加固',
        //       value: '1'
        //     },
        //     {
        //       name: '质量原因加固',
        //       value: '2'
        //     },
        //     {
        //       name: '灾害原因加固',
        //       value: '3'
        //     },
        //     {
        //       name: '使用功能原因加固',
        //       value: '4'
        //     },
        //     {
        //       name: '其他加固',
        //       value: '5'
        //     },
        //   ]
        // },
        // {
        //   name: '历史灾害',
        //   nowIndex:0,
        //   value: 'F_LISHIZAIHAI',
        //   children: [
        //     {
        //       name:'无历史灾害',
        //       value: '1'
        //     },
        //     {
        //       name: '火灾',
        //       value: '2'
        //     },
        //     {
        //       name: '风灾',
        //       value: '3'
        //     },
        //     {
        //       name: '雪灾',
        //       value: '4'
        //     },
        //     {
        //       name: '水灾',
        //       value: '5'
        //     },
        //     {
        //       name: '地质',
        //       value: '6'
        //     },
        //     {
        //       name: '其他',
        //       value: '7'
        //     },
        //   ]
        // },
        // {
        //   name: '功能变更',
        //   nowIndex:0,
        //   value: 'F_ADDCENG',
        //   children: [
        //     {
        //       name:'无变更',
        //       value: '1'
        //     },
        //     {
        //       name: '住宅变商业用房',
        //       value: '2'
        //     },
        //     {
        //       name: '住宅变办公用房',
        //       value: '3'
        //     },
        //     {
        //       name:'办公变商业用房',
        //       value: '4'
        //     },
        //     {
        //       name: '工业用房变商业用房',
        //       value: '5'
        //     },
        //     {
        //       name: '工业用房变办公用房',
        //       value: '6'
        //     },
        //     {
        //       name: '其他',
        //       value: '7'
        //     },
        //   ]
        // },
        // {
        //   name: '对象居住状态',
        //   nowIndex:0,
        //   value: 'F_DUIXIANGJUZHU',
        //   children: [
        //     {
        //       name:'有人居住',
        //       value: '1'
        //     },
        //     {
        //       name: '无人居住',
        //       value: '2'
        //     },
        //   ]
        // },
        //
        // {
        //   name: '健康度',
        //   nowIndex:0,
        //   value: 'F_HEALTH',
        //   type:'WF'
        // },
        // {
        //   name: '是否疑似危房',
        //   nowIndex:0,
        //   type:'WF',
        //   value: 'F_SF_DANGEROUS',
        // },
      ],
      JBXXcontentData: [
        {
          name: '姓名',
          value: 'F_HOUSEAPPLICANT'
        },
        {
          name: '身份证号',
          value: 'F_CERTIFICATECODE'
        },
        {
          name: '手机号',
          value: 'F_APPLYPHONE'
        },
        {
          name: '户籍地址',
          value: 'F_PERMANENTADDR'
        },
        {
          name: '申请方式',
          value: 'F_SQFS',
          children: []
        },
        {
          name: '代办人姓名',
          value: 'F_DBRXM',
        },
        {
          name: '代办人身份证号',
          value: 'F_DBRSFZH',
        },
        {
          name: '代办人手机号',
          value: 'F_DBRSJH',
        },
        {
          name: '所属市',
          value: 'F_SCITY2'
        },
        {
          name: '所属县',
          value: 'F_XCITY2'
        },
        {
          name: '所属村',
          value: 'F_VILLAGE2'
        },
        {
          name: '所属镇',
          value: 'F_SSZZ2'
        },
        {
          name: '东至',
          value: 'F_DONG'
        },
        {
          name: '西至',
          value: 'F_XIZHI'
        },
        {
          name: '南至',
          value: 'F_NANZHI'
        },
        {
          name: '北至',
          value: 'F_BEIZHI'
        },
        {
          name: '房屋编码',
          value: 'F_FWTYBH'
        },
        {
          name: '檐口高度',
          value: 'F_BUILDHEIGHT'
        },
        {
          name: '宅基地面积',
          value: 'F_HOMESTEADAREA'
        },
        {
          name: '住房建筑面积',
          value: 'F_HOUSEFLOORAREA'
        },
        {
          name: '占地面积',
          value: 'F_BUILDAREA'
        },
        {
          name: '建筑层数',
          value: 'F_BUILDSTOREY'
        },
        {
          name: '地类_农用地',
          value: 'F_DL_NYD',
          children: []
        },
        {
          name: '地类_农用地_其他',
          value: 'F_YDLX_NYD_QT'
        },
        {
          name: '用地类型',
          value: 'F_YDLX',
          children: []
        },
        {
          name: '建设类型',
          value: 'F_APPLYTYPE',
          children: []
        },
        {
          name: '地址',
          value: 'F_CONSTRUCITONADDRESS'
        },
      ],
    }
  },
  filters: {
    inUseName: function (msg, data) {
      let name = "";
      data.forEach((item) => {
        if (item.value == msg) {
          name = item.name;
        }
      });
      return name;
    },
  },
  methods: {
    seeImg(item) {
      ImagePreview([item.url]);
    },
    getFile: async function () {

      let groupGuid = [];
      this.contentData.forEach((item) => {
        if (item.fileData) {
          item.fileData.forEach((items) => {
            groupGuid.push(items.groupGuid);
          });
        }
      });
      let params = {
        accessCode: "1fdcbce42c6d4748a020feba618d54b8",
        cityCode: window.localStorage.getItem("citycode")
          ? window.localStorage.getItem("citycode")
          : "",
        params: {
          groupGuid: groupGuid.join(","),
          toRowGuid: this.rowData.ROW_GUID,
          token: window.localStorage.getItem('token')
        },
      };
      const res = await FileServerProxy(params);
      let data = JSON.parse(res.data.data).FilesInfo;
      if (data.length > 0) {
        data.forEach((element) => {
          this.contentData.forEach((items) => {
            if (items.fileData) {
              if (items.fileData.length > 0) {
                items.fileData.forEach((item) => {
                  if (element.GROUPGUID == item.groupGuid) {
                    this.getFileUrl(element, item);
                    // element["isImage"] = true;
                    // element["url"] =
                    //   window.g.BaseURL +
                    //   "FileServer/api/Preview?token=" +
                    //   window.localStorage.getItem("token") +
                    //   "&" +
                    //   "fileGuid=" +
                    //   encodeURIComponent(element.ROW_GUID);
                    cc.fileList.push(element);
                  }
                });
              }
            }
          });
        });
      }
    },
    //获取附件文件流
    getFileUrl: async function (element, item) {
      let formData = new FormData();
      formData.append("accessCode", "98bcf528966e48ce896a8b3fd02d45d5");
      formData.append(
        "cityCode",
        window.localStorage.getItem("citycode")
          ? window.localStorage.getItem("citycode")
          : "441300000000"
      );
      formData.append(
        "paramStr",
        JSON.stringify({
          fileGuid: element.ROW_GUID,
        })
      );
      let response = await dataTransFilePreview(formData);
      if (response) {
        var img = new Blob([new Int8Array(response.data, 0)], {
          type: response.headers["content-type"],
        }); //type类型可自定义
        element["isImage"] = true;
        element["url"] = window.URL.createObjectURL(img);
        item.fileList.push(element);
      }
    },
    getEnumeration: async function (data) {
      let params = {
        accessCode: "688bd3883572440a859dfd8ba9194e7b",
        cityCode: window.localStorage.getItem("citycode")
          ? window.localStorage.getItem("citycode")
          : "441300000000",
        params: {
          dataguid: data,
          searchObject: JSON.stringify([]),
          token: window.localStorage.getItem("token"),
        },
      };
      const res = await FileServerProxy(params);
      switch (data) {
        case 'b6c020ad-16bb-4616-a77b-0d19609ed70d':
          this.SFYSData = JSON.parse(res.data.data).Data
          this.SFYSData.forEach((item, index) => {
            if (this.rowData.F_SF_DANGEROUS == item.DICID) {
              this.rowData.F_SF_DANGEROUS = item.DICNAME
            }
          })
          break
        case 'b4244f42-e4e4-4805-934d-9dbfd8979c2e':
          this.JKDData = JSON.parse(res.data.data).Data
          this.JKDData.forEach((item, index) => {
            if (this.rowData.F_HEALTH == item.DICID) {
              this.rowData.F_HEALTH = item.DICNAME
            }
          })
          break
      }
    },
    getData: async function () {
      let dataguid = '7ea2ff29-1d42-48d0-b165-9645c459f937'
      let params = {
        accessCode: '688bd3883572440a859dfd8ba9194e7b',
        cityCode: window.localStorage.getItem('citycode') ? window.localStorage.getItem('citycode') : '441300000000',
        params: {
          dataguid: dataguid,
          searchObject: JSON.stringify([{ field: "to_row_guid", value: this.rowData.ROW_GUID, operator: "=" }]),
          token: window.localStorage.getItem('token')
        }
      }
      const res = await FileServerProxy(params)
      let data = JSON.parse(res.data.data).Data
      this.PCData = data[0]
    },
  },
  mounted() {
    //

    this.rowData = JSON.parse(this.$route.query.data)
    this.getEnumeration("b6c020ad-16bb-4616-a77b-0d19609ed70d")
    this.getEnumeration("b4244f42-e4e4-4805-934d-9dbfd8979c2e")
    this.getData()
    this.getFile()

    // dd.ready(function () {
    //   dd.setTitle({
    //     title: '详细信息'
    //   })
    //     .then(res => {
    //     })
    //     .catch(err => {
    //       console.error(err)
    //     })
    // })
  }
}
</script>
<style scoped lang="scss">
#checkedDetail {
  height: 100vh;
  overflow: auto;
  background: #f6f6f6;

  /*font-size: 14px;*/
  .title {
    width: 100%;
    height: 50px;
    background: #007aff;
    line-height: 50px;
    text-align: center;
    color: #ffffff;
    font-size: 20px;
    position: relative;
  }

  .top {
    height: 122px;
    background: #ffffff;
    margin-bottom: 20px;
    padding-top: 35px;
    text-align: center;

    .origin {
      width: 22px;
      height: 22px;
      background: #007aff;
      border-radius: 50%;
      display: inline-block;
    }

    .line {
      width: 20vw;
      /*height: 1px;*/
      border: 1px dashed #007aff;
      display: inline-block;
    }
  }

  .content {
    width: 100%;
    height: auto;
    background: #ffffff;
    padding: 10px;

    .line {
      width: 6px;
      height: 26px;
      background: #007aff;
      display: inline-block;
    }

    .list ul li {
      min-height: 50px;
      line-height: 50px;
    }
  }
}
</style>
